/**
 * 入口JS
 */

// 引入 React
import React from "react";
// 引入 ReactDOM
import ReactDOM from "react-dom/client";
// 引入 index.css - 全局样式
import "./index.css";
// 引入 App 组件
import App from "./App";
// 引入 reportWebVitals
import reportWebVitals from "./reportWebVitals";

// 创建 root 容器
const root = ReactDOM.createRoot(document.getElementById("root"));

// 使用 root.render 渲染 容器
//    React.StrictMode 内置的严格模式组件
//    App 组件
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals((value) => {
  console.log("hello", value);

  // 将 value 作为参数调用后端提供的 上报接口，收集这些信息，后续可以分析这些信息从而实现网页的性能优化
});
